@charset "utf-8";
/* CSS Document */

/* ------------------------- Reset : Start ------------------------- */
html,body {width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;}
fieldset,img {border:0 none;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes:none;}
blockquote::before, blockquote::after,q::before, q::after {content:'';content:none;}
input,select,textarea,button {vertical-align:middle;}
input:focus, button:focus, textarea:focus {outline:none;}
button {border:0 none;background-color:transparent;cursor:pointer;}
body {position:relative;background:#f4f5f8;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;}
body,th,td,input,select,textarea,button,pre {font-weight:normal;font-size:13px;line-height:1;font-family:'Noto Sans KR', 'Open Sans', 'MalgunGothic', sans-serif;letter-spacing:-0.03em;}
a {text-decoration:none;cursor:pointer;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
.clear {clear:both;}
figure {line-height:0;}
img{max-width:100%;vertical-align:top;}

table {border-collapse:collapse;}
button:disabled {cursor:default;}


/* MediaQuery : Start */
@media screen and (max-width:1919px) {
    body {
        overflow-x:auto;
        width:1920px;
    }
}
/* MediaQuery : End */

/* ------------------------- Reset : End ------------------------- */


/* ------------------------- Clearfix : Start ------------------------- */
.clearfix::after {
    /* Firefox, IE8, Opera, Safari, etc. */
    content:".";
    display:block;
    height:0;
    font-size:0;
    clear:both;
    visibility:hidden;
}
* + html .clearfix {
    /* for IE7 */
    display:inline-block;
}
* html .clearfix {
    /* for IE6 */
    height:1%;
}
/* ------------------------- Clearfix : End ------------------------- */

*,
*::before,
*::after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.wrap-intro {
    padding:0 120px 120px;
    background:url(../images/pc/01.png) no-repeat 100%;
    background-size:100% 100%;
}
.wrap-intro .header {
    position:relative;
    z-index:10;
    height:120px;
    transition:all 0.5s;
}
.wrap-intro .header.fixed {
    position:fixed;
    top:0;
    left:0;
    right:120px;
    z-index:99999;
    height:80px;
    padding-left:120px;
    background:rgba(255,255,255,0.9);
    transition:all 0.5s;
}
.wrap-intro .header::after {
    content:'';
    display:inline-block;
    position:absolute;
    top:0;
    right:-120px;
    width:120px;
    height:120px;
    background:#ebebeb url(../images/pc/03.png) no-repeat;
    transition:all 0.5s;
}
.wrap-intro .header.fixed::after {
    height:80px;
    background-color:#fff;
    background-position:50%;
}
.wrap-intro .header .h-logo {
    display:inline-block;
    width:156px;
    height:32px;
    margin:44px 0;
    background:url(../images/pc/02.png) no-repeat;
    text-indent:-9999px;
    transition:all 0.5s;
}
.wrap-intro .header.fixed .h-logo {
    margin:24px 0 24px 30px;
}
.wrap-intro .header .gnb {
    display:inline-block;
    float:right;
    padding-right:29px;
}
.wrap-intro .header .gnb a {
    display:inline-block;
    margin:51px 40px;
    font-weight:500;
    font-size:16px;
    color:#27282c;
}
.wrap-intro .header.fixed .gnb a {
    margin:30px 40px 34px;
}
.wrap-intro .header .gnb a:hover {
    color:#17cc90;
}





.section {

}
#section-01 {
    position:relative;
    width:100%;
    height:760px;
    padding-bottom:75px;
    margin:auto;
    background:url(../images/pc/04.png) no-repeat 50%;
    background-size:cover;
    text-align:center;
    border-top:1px solid transparent;
}
#section-01 .img-01 {
    position:absolute;
    top:180px;
    left:0;
    right:0;
    margin:auto;
}
#section-01 .btn {
    display:block;
    position:relative;
    z-index:10;
    width:396px;
    height:66px;
    margin:420px auto 105px;
    background:url(../images/pc/06.png) no-repeat;
    text-indent:-9999px;
}
#section-01 .img-02 {
    display:block;
    margin:auto;
}





#section-02 {
    width:100%;
    background:#252628;
}
#section-02 .img-03 {
    width:1680px;
    height:1000px;
    margin:auto;
    background:url(../images/pc/08.png) no-repeat 50%;
}





#section-03 {
    width:100%;
    background:url(../images/pc/09.png) no-repeat;
    background-size:100% 100%;
}
#section-03 .img-04 {
    width:1680px;
    height:939px;
    margin:auto;
    background:url(../images/pc/10.png) no-repeat 50%;
}





#section-04 {
    width:100%;
    padding-top:110px;
    border-top:1px solid #898b95;
    background:#343539;
}
#section-04 .img-05 {
    width:1680px;
    height:941px;
    margin:auto;
    background:url(../images/pc/11.png) no-repeat;
}





#section-05 {
    width:100%;
    background:#232427;
}
#section-05 .img-06 {
    width:1680px;
    height:534px;
    margin:auto;
    background:url(../images/pc/12.png) no-repeat;
}





#section-06 {
    width:100%;
    background:url(../images/pc/13.png) no-repeat 50%;
    background-size:cover;
}
#section-06 .inner-box {
    width:1680px;
    padding:112px 140px 109px;
    margin:auto;
}
#section-06 .img-07 {
    width:646px;
    height:362px;
    background:url(../images/pc/14.png) no-repeat;
}
#section-06 .img-group {
    margin:174px 0 93px;
}
#section-06 .img-08 {
    display:inline-block;
    width:205px;
    height:93px;
    background:url(../images/pc/15.png) no-repeat;
}
#section-06 .btn {
    display:inline-block;
    position:relative;
    z-index:10;
    width:460px;
    height:81px;
    /*margin-left:56px;*/
    background:url(../images/pc/16.png) no-repeat;
}
#section-06 .img-09 {
    position:relative;
    z-index:10;
}
#section-06 .img-09 li {
    display:inline-block;
    position:relative;
    margin-right:65px;
    text-indent:-9999px;
    vertical-align:top;
}
#section-06 .img-09 .tel {
    width:191px;
    height:17px;
    background:url(../images/pc/17.png) no-repeat;
}
#section-06 .img-09 .fax {
    width:191px;
    height:17px;
    background:url(../images/pc/18.png) no-repeat;
}
#section-06 .img-09 .homepage {
    width:312px;
    height:25px;
    margin-top:-3px;
    background:url(../images/pc/19.png) no-repeat;
}
#section-06 .img-09 .mail {
    width:275px;
    height:23px;
    margin-top:-3px;
    background:url(../images/pc/20.png) no-repeat;
}
#section-06 .img-09 li a {
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:30px;
}





.footer {
    position:relative;
    z-index:10;
    padding:54px 140px;
    background:#45ddac;
}
.footer .box-left,
.footer .box-right {
    display:inline-block;
    vertical-align:top;
}
.footer .box-right {
    position:relative;
    width:calc(100% - 95px);
    padding-left:194px;
}
.footer .c-logo {
    display:inline-block;
    width:92px;
    height:56px;
    background:url(../images/pc/21.png) no-repeat;
    vertical-align:top;
}
.footer .footer-info li {
    display:inline-block;
    margin-bottom:20px;
    font-weight:200;
    font-size:16px;
    color:#000;
}
.footer .footer-info li::after {
    content:'';
    display:inline-block;
    width:1px;
    height:14px;
    margin:auto 30px;
    background:rgba(0,0,0,0.2);
    vertical-align:middle;
}
.footer .footer-info li:nth-child(4)::after,
.footer .footer-info li:last-child::after {
    display:none;
}
.footer .footer-info li span {
    margin-right:22px;
    font-weight:500;
}
.footer .footer-info li:first-child span {
    margin-right:0;
}
.footer .footer-info li a {
    color:#000;
}
.footer .copyright {
    margin-top:24px;
}
.footer .btn-top {
    display:inline-block;
    position:absolute;
    top:0;
    right:0;
    width:56px;
    height:56px;
    background:url(../images/pc/22.png) no-repeat;
}





.bg-object {
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:5591px;
}
.bg-object .obj {
    position:absolute;
}
.bg-object .obj-01 {
    top:320px;
    left:7px;
    width:227px;
    height:232px;
    background:url(../images/pc/23.png) no-repeat;
}
.bg-object .obj-02 {
    top:550px;
    right:0;
    width:125px;
    height:151px;
    background:url(../images/pc/24.png) no-repeat;
}
.bg-object .obj-03 {
    top:597px;
    right:27px;
    width:282px;
    height:295px;
    background:url(../images/pc/25.png) no-repeat;
}
.bg-object .obj-04 {
    top:790px;
    right:260px;
    width:169px;
    height:170px;
    background:url(../images/pc/26.png) no-repeat;
}
.bg-object .obj-05 {
    top:890px;
    right:190px;
    width:149px;
    height:149px;
    background:url(../images/pc/27.png) no-repeat;
}
.bg-object .obj-06 {
    top:1616px;
    left:0;
    width:261px;
    height:295px;
    background:url(../images/pc/28.png) no-repeat;
}
.bg-object .obj-07 {
    top:2450px;
    right:-23px;
    width:282px;
    height:295px;
    background:url(../images/pc/29.png) no-repeat;
}
.bg-object .obj-08 {
    top:3640px;
    left:0;
    width:241px;
    height:248px;
    background:url(../images/pc/30.png) no-repeat;
}
.bg-object .obj-09 {
    top:3894px;
    left:0;
    width:148px;
    height:156px;
    background:url(../images/pc/31.png) no-repeat;
}
.bg-object .obj-10 {
    top:4203px;
    right:0;
    width:251px;
    height:270px;
    background:url(../images/pc/32.png) no-repeat;
}
.bg-object .obj-11 {
    top:4290px;
    left:43px;
    width:211px;
    height:216px;
    background:url(../images/pc/33.png) no-repeat;
}
.bg-object .obj-12 {
    top:4522px;
    right:450px;
    width:217px;
    height:222px;
    background:url(../images/pc/34.png) no-repeat;
}
.bg-object .obj-13 {
    top:4620px;
    right:0;
    width:522px;
    height:569px;
    background:url(../images/pc/35.png) no-repeat;
}





.animated {
    animation-name:bounce;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-fill-mode:both;
}
@keyframes bounce {
    0% {
        transform:translateY(0);
    }
    100% {
        transform:translateY(-30px);
    }
}
.bounce-01 {
    animation-duration:1.5s;
}
.bounce-02 {
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-direction:alternate-reverse;
}
.bounce-03 {
    animation-delay:0.5s;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
}
.bounce-06 {
    animation-delay:0.5s;
    animation-duration:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
}


.bounce-07 {
    animation-delay:0.5s;
    animation-duration:0.8s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
}
.bounce-08 {
    animation-duration:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate-reverse;
}
.bounce-09 {
    animation-delay:0.3s;
    animation-duration:0.8s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
}



.bounce-10 {
    animation-duration:0.9s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
}
.bounce-11 {
    animation-delay:0.5s;
    animation-duration:1.5s;
    animation-iteration-count:infinite;
    animation-direction:alternate-reverse;
}
.bounce-12 {
    animation-delay:1s;
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
}
.bounce-13 {
    animation-duration:2s;
    animation-iteration-count:infinite;
    animation-direction:alternate-reverse;
}